<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>CST425 Lunch Finder Project</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=???"
	type="text/javascript"></script>
<script src="http://gd.geobytes.com/gd?after=-1&variables=GeobytesCity,GeobytesCode" 
	type="text/javascript"></script>	
<script src="lib/test.js" type="text/javascript"></script> 
</head>
<body>
<div style="text-align: center;">
<form name="form1">
<table
	style="width: 400px; text-align: left; margin-left: auto; margin-right: auto;"
	border="1" cellpadding="2" cellspacing="2">
	<tbody>
		<tr>
			<td>Your Location:</td>
			<td>City:&nbsp;
			<input name="city" size="6" /><br/> State:&nbsp; 
			<input name="state" size="1" maxlength="2" /></td>
		</tr>
	</tbody>
</table>
<br/>
</form>
<div id="map" style="width: 500px; height: 300px"></div>
</div>
<script type="text/javascript">load();</script>
</body>
</html>